﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Gallery.aspx.cs" Inherits="aucn.web.au.Gallery"
    Title="Assumption University : 欢迎来到易三仓大学" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="abac.css" rel="stylesheet" type="text/css" />
    <link href="galleria.css" rel="stylesheet" type="text/css" />
    <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.galleriffic.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var onMouseOutOpacity = 0.67;


        $(document).ready(function () {
            $('#thumbsContainer ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
			function () {
			    $(this).not('.selected').fadeTo('fast', 1.0);
			},
			function () {
			    $(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
			}
		);

            var gallery = $('#galleryContainer').galleriffic('#thumbsContainer', {
                delay: 3000,
                numThumbs: 11,
                preloadAhead: 25, // Set to -1 to preload all images
                enableTopPager: false,
                enableBottomPager: true,
                imageContainerSel: '#imageContainer',
                controlsContainerSel: '#controlContainer',
                captionContainerSel: '#captionContainer',
                loadingContainerSel: '#loadingContainer',
                renderSSControls: false,
                renderNavControls: false,
                playLinkText: 'Play',
                pauseLinkText: 'Pause',
                prevLinkText: 'Previous',
                nextLinkText: 'Next',
                nextPageLinkText: '下页 &rsaquo;',
                prevPageLinkText: '&lsaquo; 上页',
                enableHistory: false,
                autoStart: true,
                onChange: function (prevIndex, nextIndex) {
                    $('#thumbsContainer ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
                }, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
                onTransitionOut: function (callback) {
                    $('#imageContainer, #captionContainer').fadeOut('fast', callback);
                },

                onTransitionIn: function () {
                    $('#imageContainer, #captionContainer').fadeIn('fast');
                },
                onPageTransitionOut: function (callback) {
                    $('#thumbsContainer ul.thumbs').fadeOut('fast', callback);
                },

                onPageTransitionIn: function () {
                    $('#thumbsContainer ul.thumbs').fadeIn('fast');
                }

            });
        });

        function Pause() {
            try {
                gallery.pause();
            }
            catch (err) { }
        }
    </script>
    <script src="/au/scripts/jqModal.js" type="text/javascript"></script>
    <script type="text/javascript">
        $().ready(function () {
            $('#announcement').jqm();
            $('#announcement').jqmShow();
        });
    </script>
    <style type="text/css">
        .jqmWindow
        {
            font-size: 1.5em;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="jqmWindow" id="announcement">
        <div style="text-align: right">
            <a onclick="$('#announcement').jqmHide();" style="cursor: pointer; color: dimgray;">
                关闭</a>
        </div>
        <hr />
        <div id="siteContent">
            <h3 style="margin-top: 0; font-size: 150%; text-align: center">
                公 告</h3>
            <article>
                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp; <%=Resources.Resource1.OrgNameChinese%>成立于1999年，中心任务是开发与促进中泰两国大学校际关系的建立，并开展学术交流。同时负责邀请和接待国内代表团赴泰参观考察、游学与合作项目商谈，以及易三仓大学相关院系领导来中国进行的教育考察等多项推广活动。
                </p>
                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp; 我处对易三仓大学学术课程有兴趣的合作伙伴以及想去易三仓大学留学的中国学生提供专业的信息咨询，并协助学生办理大学申请材料、出国签证以及境外安排等相关事宜。
                </p>
                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp; 我们希望通过我们的努力和真诚，能与中国教育领域展开广泛合作。热忱欢迎对易三仓大学感兴趣的合作伙伴及学生与我们联系。
                </p>
                <p style="text-align: right">
                    <%=Resources.Resource1.OrgNameChinese%>
                   <br />
                    2011年3月
                </p>
            </article>
            <div class="clear">
            </div>
        </div>
    </div>
    <center>
    <div id="galleryContainer" class="content">
     <a href="Main.aspx"><img src="images/banner-b-s.jpg" alt="Assumption University : Enter Site" /></a>
        <div id="controlContainer">
        </div>
        <div id="loadingContainer">
        </div>
        <div class="d">
        <div id="imageContainer">
        </div>
        </div>
        <div id="captionContainer">
        </div>
        <div id="thumbsContainer" class="navigation" >
            <ul class="thumbs noscript">
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                    
                     <li>
                        <div class="imgbox">
                        <table cellpadding='0' cellspacing='0' border='0' style="width:50px;height:50px;overflow:hidden">
                         <tr>
                            <td valign="middle"><center>
                         <asp:HyperLink onclick="Pause();" CssClass="thumb" ID="HyperLink1" runat="server" NavigateUrl='<%#Eval("AlternateText") %>' >             
                         <asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("ImageUrl") %>' AlternateText="" /></center></td>
                         </asp:HyperLink>
                         <div class="caption"></div>
                         </tr>
                         </table>  
                         </div>
                         
                    </li>
                    
                    </ItemTemplate>
                </asp:Repeater>
               
            </ul>
        </div>
    </div>
    <p><a href="Main.aspx">
        <img src="images/icons/enter.png" alt="进入主页" />
    </a></p>
    </center>
    </form>
</body>
</html>
